<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="club" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>전체 동호회</h2>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content"> 
        <!--검색-->
        <div class="search_area ma_top2 ui-grid-a">
            <form action="#" method="#">
                <div data-role="fieldcontain" class="key_ch">
                    <select data-inline="true" data-shadow="false">
                        <option selected>카테고리 선택</option>
                        <option value="#">지역</option>
                        <option value="#">친목</option>
                        <option value="#">직장</option>
                        <option value="#">동창</option>
                        <option value="#">기타</option>
                    </select> 
                    <select data-inline="true" data-shadow="false">
                        <option selected>선택하세요</option>
                        <option value="#">동호회명</option>
                        <option value="#">키워드</option>
                        <option value="#">매니저 닉네임</option>
                    </select>
                </div>
                                
                <div data-role="fieldcontain" class="se_area">
                     <input type="search" placeholder="검색어를 입력하세요." />
                     <div class="ser_btn"><a name="#"><span class="ico_navi navi25">icon</span></a></div>
                </div>
            </form>
         </div><!-- // class="search_area" 끝  -->
         
        <!--인기동호회-->
        <article data-role="collapsible" data-theme="c" data-content-theme="c" data-iconpos="right" data-collapsed="false"  class="best_club">
            <h3><i>ico</i>인기동호회</h3>
            <!--list-->
            <div class="gallery_list">
                <ul data-role="listview" data-theme="c">
                    <li><a href="self_club.html" data-transition="slide">
                        <img src="../images/default_100_100.gif" alt=""/> 
                        <h3> <em>(지역)</em>30대 골프동호회 </h3>
                        <p class="nickname">매니저   :    타이거우즈</p>
                        <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                        <p class="mem">회원수 : 32명</p>
                        <time>2012.03.31 17:30</time>
                        <span class="best">인기동호회 mark</span>
                    </a></li>
                    
                    <li><a href="self_club.html" data-transition="slide">
                        <img src="../images/default_100_100.gif" alt=""/> 
                        <h3> <em>(동창)</em>홀인원 하는 그 날 까지  </h3>
                        <p class="nickname">매니저   :    퍙야</p>
                        <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                        <p class="mem">회원수 : 32명</p>
                        <time>2012.03.31 17:30</time>
                        <span class="best">인기동호회 mark</span>
                    </a></li>
                    
                    <li><a href="self_club.html" data-transition="slide">
                        <img src="../images/default_100_100.gif" alt=""/> 
                        <h3> <em>(친목)</em>울랄라  동호회  </h3>
                        <p class="nickname">매니저   :    잭니클라우스</p>
                        <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                        <p class="mem">회원수 : 32명</p>
                        <time>2012.03.31 17:30</time>
                        <span class="best">인기동호회 mark</span>
                    </a></li>
                </ul>
            </div><!-- //  class="gallery_list" 끝  -->
        </article> <!-- // class="best_club" 끝  -->
        
        <!--일반동호회 list-->
        <div class="gallery_list">
            <ul data-role="listview" data-theme="c">
                <!-- 목록이 없을때 -->   
                <!--li class="no_list"><p>해당 목록이 없습니다.</p></li-->
                
                <!-- 검색 결과 없을시-->        
                <!--li class="no_list">
                    <p>입력하신 내용과 일치한 정보가 없습니다.</p>
                    <p>단어의 철자가 정확한지 확인해 주세요.</p>
                    <p>검색어의 단어 수를 줄이거나, 다른 검색어로 검색해 보세요.</p>
                    <p>더 일반적인 검색어로 다시 검색해 보세요.</p>
                </li-->
                
                <li><a href="self_club.html" data-transition="slide">
                    <img src="../images/default_100_100.gif" alt=""/> 
                    <h3> <em>(지역)</em>30대 골프동호회 <span class="ico_all ico2"><em>새 글</em></span></h3>
                    <p class="nickname">매니저   :    타이거우즈</p>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                    <p class="mem">회원수 : 32명</p>
                    <time>2012.03.31 17:30</time>
                </a></li>
                
                <li><a href="self_club.html" data-transition="slide">
                    <img src="../images/default_100_100.gif" alt=""/> 
                    <h3> <em>(동창)</em>홀인원 하는 그 날 까지  </h3>
                    <p class="nickname">매니저   :    퍙야</p>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                    <p class="mem">회원수 : 32명</p>
                    <time>2012.03.31 17:30</time>
                </a></li>
                
                <li><a href="self_club.html" data-transition="slide">
                    <img src="../images/default_100_100.gif" alt=""/> 
                    <h3> <em>(친목)</em>울랄라  동호회  </h3>
                    <p class="nickname">매니저   :    잭니클라우스</p>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로</p>
                    <p class="mem">회원수 : 32명</p>
                    <time>2012.03.31 17:30</time>
                </a></li>
            </ul>
        </div><!-- //  class="gallery_list" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->        
    </section><!-- // content -->

    <!--bottom-->
    <footer data-role="footer" data-position="fixed" data-theme="d" class="depth_gnb g_type02">
        <nav data-role="navbar">
            <ul>
                <li class="on"><a href="club.html" class="icoN1" data-icon="custom" data-transition="slide"> 전체 동호회   </a></li><!--메뉴인식 css style 부분-->
                <li><a href="club_my.html" class="icoN8" data-icon="custom" data-transition="slide">나의 동호회 </a></li>
            </ul>
        </nav>        
    </footer><!-- // footer --> 
</section><!-- // page -->
</body>
</html>
